var num_c=document.querySelector("#num_c"),
	minus_num=document.querySelector("#minus_num"),
	add_num=document.querySelector("#add_num"),
	number_mach=document.querySelector(".number_mach"),
	numbers=5699,
	tex=1,
	detail_sidebar=document.querySelector(".detail_sidebar"),
	details_left_posi=document.querySelector(".details_left_posi");
	 
	//底下价格
	minus_num.addEventListener("click",function(){
		if(tex<=1){
			num_c.value=1;		
		}else{
			num_c.value=--tex;//先赋值，再运算
		    number_mach.innerText=numbers*tex;
		}			
	})
	add_num.addEventListener("click",function(){
		if(tex>=5){
			num_c.value=5;	
		}else{
			num_c.value=++tex;//先赋值，再运算
			number_mach.innerText=numbers*tex;
		}				
	})
	
	
	//切图
	var prev_l=document.querySelector("#pres_l"),//左切
		next_r=document.querySelector("#next_r"),//右切
		li_t=document.querySelectorAll(".contorl_img ul li"),
		dd_img=document.querySelectorAll("#dd_img img"),
		now_index = 0, 
		last_index=0;//记录跑到哪里
		
	//右切	
	next_r.addEventListener("click",function(){
		for(var i=0;i<li_t.length;i++){
			if(li_t.length>3){
				li_t[i].style.transform = "translateX(-"+96+"px)";
			}			
			li_t[i].classList.remove("border_li");
		}	
		li_t[now_index].classList.add("border_li");		
		for(var k=0;k<dd_img.length;k++){
			dd_img[k].style.display="none";
		}
		dd_img[now_index].style.display="block";
		now_index +=1;
		if(now_index>=dd_img.length){
			now_index=0;
		}
	})	
	//左切
	prev_l.addEventListener("click",function(){
		for(var i=0;i<li_t.length;i++){
			li_t[i].style.transform = "translateX(+"+0+"%)";
			li_t[i].classList.remove("border_li");
		}
		li_t[now_index].classList.add("border_li");	
		for(var k=0;k<dd_img.length;k++){
			dd_img[k].style.display="none";
		}
		dd_img[now_index].style.display="block";
		--now_index;
		if(now_index<0){
			now_index=dd_img.length-1;
		}
	})
	//图片切
	for(var i=0;i<li_t.length;i++){
		(function(k){
			li_t[k].addEventListener("click",function(){
				for(var y=0;y<li_t.length;y++){
					li_t[y].classList.remove("border_li");
				}
				li_t[k].classList.add("border_li");
				
				dd_img[now_index].style.display="block";
				--now_index;
				if(now_index<0){
					now_index=k-1;
				}
			})
		})(i)
		
	}
//	for(var i=0;i<li_t.length;i++){
//		(function(k){//闭包
//			li_t[k].addEventListener("click",function(){
//				for(var j=0;j<li_t.length;j++){
//					li_t[j].classList.remove("border_li");
//				}
//				li_t[k].classList.add("border_li");				
//			})
//		})(i)			
//	}
	
	for(var i=0;i<dd_img.length;i++){	
		dd_img[i].addEventListener("click",function(){
			now_index=this.index;	
		})
	}
	
	
	//选项卡切换
	var cut=document.querySelectorAll(".cut"),
		page_cut=document.querySelectorAll(".page_cut");
		for(var i=0;i<cut.length;i++){
			(function(k){//闭包
				cut[k].addEventListener("click",function(){
					for(var j=0;j<cut.length;j++){
						cut[j].classList.remove("onmove");
						page_cut[j].style.display='none';
					}
					cut[k].classList.add("onmove");
					page_cut[k].style.display='block';
				})
			})(i)			
		}
		
	//评论详细
	var check_on=document.querySelector(".check_on"),
		control_span=document.querySelectorAll(".check_none")
		check_all=document.querySelectorAll(".span_all");
		for(var i=0;i<check_all.length;i++){
			(function(k){
				check_all[k].addEventListener("click",function(){
					for(var j=0;j<check_all.length;j++){
						check_all[j].classList.remove("check_on");						
					}
				})
			})(i)
			
		}
	
	var h=document.body.scrollTop;
	if(h<124){
		detail_sidebar.style.position='absolute';
		detail_sidebar.style.top='-30px';
	}
	
	var details_left_posi=document.querySelector(".details_left_posi");
	window.onscroll=function(){
		var scrTop=document.documentElement.scrollTop+document.body.scrollTop;
		if(1000>scrTop&&scrTop>=124){
			details_left_posi.style.position='fixed';
			details_left_posi.style.top='0'
		}else if(scrTop>=1000){
			details_left_posi.style.position='absolute';
			details_left_posi.style.top='700px';
		}else if(scrTop<124){
			details_left_posi.style.position='absolute';
			details_left_posi.style.top='0';
			
		}
	}
	